<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">

<div id="panel-duties-info" >
  	
	<div class="easyui-panel list-panel" data-options="openAnimation:'slide',closeAnimation:'slide'">
		<div class="well well-small" style="margin-left: 5px;margin-top: 5px">
		
			<p>
				<span class="badge">提示</span>
				 <strong><font color="red">双击</font></strong> 记录行, 可以查看事项详情
			</p>
		</div>
		<table class="easyui-datagrid dg-list" 
			data-options="rownumbers:true,
			animate: true,						
			striped:true,
			border:true,
			singleSelect:true,
			idField: 'id',							
			fitColumns: true,
			pagination:true,		
			rowStyler: function (index, row) {
				if(row.sxzt!='办结'){
	                if (row.over_days >= 14 && row.over_days < 50 ) {
	                    return 'background-color:yellow;';
	                }
	                else if (row.over_days >= 50 )
	                {
	                    return 'background-color:#FFB6C1;';
	                }
	             }                    
	        }">
			
			<thead>				
				<tr>
					
					<th field="bizno" width="60" align="center">事项编号</td>
					<th field="apply_date" width="60" align="center">申请日期</td>
					<th field="bizname" width="100" align="center">事项类别</td>
					<th field="name" width="120" align="center">具体事项</td>
					<th field="apply_deptName" width="60" align="center">申请科室</td>
					<th field="apply_name" width="60" align="center">申请人</td>
					<th field="apply_date" width="60" align="center">申请时间</td>
					<th field="over_days" width="60" align="center">耗时（天）</td>
					<th field="flowState" width="60" align="center">事项状态</td>										
				</tr>
			</thead>
			
		</table>	  
	  		
	
	</div> 

	<div class="easyui-panel form-panel" data-options="closed:true,openAnimation:'slide',closeAnimation:'slide'">
			<div class="well well-small" style="margin-left: 5px;margin-top: 5px">
		
				<p>
					<span class="badge">提示</span>
					 <strong><font color="red">点击 返回</font></strong>可以返回列表页面
				</p>
			</div>
			<div>
						
				<a href="javascript:void(0);" class="easyui-linkbutton function-btn l-btn l-btn-small l-btn-plain" iconcls="icon-undo" plain="true">返回</a>
				
			</div>
			
  			<form method="post">
			 	 	
		    <fieldset>		
			 <table>			 	
			 	<tr>
				    <th>事项名称：</th>
					<td colspan="3"><input class="easyui-textbox" name="name" style="width:680px;" ></input></td>
				 </tr>
				 
				 <tr>
				    <th>具体事项：</th>
					<td colspan="3"><input class="easyui-textbox" name="apply_content" style="width:680px;height: 50px;" ></input></td>
				 </tr>	
				 
				<tr>
				    <th>事项编号：</th>
					<td><input name="bizno" id="bizno" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
					<th>事项类别：</th>
					<td><input id="bizname" name="bizname" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
				 </tr>
				 
				 		
		        
		        <tr>
		        	<th>申请科室：</th>
					<td><input id="apply_deptName" name="apply_deptName" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
				    <th>申 请 人：</th>
					<td><input name="apply_name" id="apply_name" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
					
				 </tr>
				 
				 <tr>
		        	<th>当前科室：</th>
					<td><input id="current_userDeptname" name="current_userDeptname" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
				    <th>当前人员：</th>
					<td><input name="current_username" id="current_username" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
					
				 </tr>
				 
				 <tr>
				    <th>事项状态：</th>
					<td><input name="flowState" id="flowState" type="text" class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
					<th>消耗天数：</th>
					<td><input id="over_days" name="over_days" type="text"  class="easyui-textbox easyui-validatebox" style="width:300px"/></td>
				 </tr>
				 
				 <tr>
				    <th>申请时间：</th>
					<td><input name="apply_date" id="apply_date" type="text" class="easyui-textbox easyui-validatebox" style="width:300px" data-options="required:true,editable:false"/></td>
					<th>办结时间：</th>
					<td><input id="end_time" name="end_time" type="text" class="easyui-textbox easyui-validatebox" style="width:300px"/></td>
				 </tr>		        
		        		 
			</table>						
			</fieldset>
		</form>
			
		
		
		<table  style="margin:2 auto" class="easyui-datagrid historics"					
			data-options="rownumbers:true,
			animate: true,								
			striped:true,
			width : 'auto',
			border:true,
			//singleSelect:false,
			idField: 'id',								
			fitColumns: true">				
			<thead>						
				<tr>												
					<th field="hjmc" width="60" align="center">节点名称</td>
					<th field="blrname" width="60" align="center">处理人员</td>				
					<th field="start_time" width="60" align="center">开始时间</td>
					<th field="end_time" width="60" align="center">结束时间</td>
					<th field="over_days" width="40" align="center">耗时（天）</td>									
				</tr>
			</thead>			
		</table>	
	</div>
</div>
<script>
requirejs(['popListPage','dutiesInfo','domReady!'],function(listPage,dutiesInfo,doc){
	
	listPage.init({doc:doc,
		rootId:'panel-duties-info',
		subSystemCode:'duties',
		moduleCode:'dutiesInfo',
		editWindow:'duties-info-win',
		listToolBar:'div.tb-list',
		rowClick:dutiesInfo.clickRow,
		edit_window_height:500	
	});
});	
</script>

